<template>
  <div>
      <div class="nav_list">
        <router-link to="/home"> 
            ref,setup,生命周期
        </router-link>|
          <router-link to="/about">
            路由讲解
        </router-link>|
           <router-link to="/todo">
            todolist清单
        </router-link>|
             <router-link to="/mine">
            vue3的ref,watchEffect等
        </router-link>|
   
             <router-link to="/category">
               pinia讲解
        </router-link>
      </div>
     <router-view></router-view>
  </div>
</template>
<script>
export default {
  
}
</script>
<style  scoped>
  .router-link-exact-active{
    color:red;
  }
  /* .nav_list{
    position: fixed;
    top:0;
    left: 50%;
    margin-top: 20px;
    transform: translate(-100px);
  } */
</style>